<template>
  <div class="page-a">
    <h1>{{ counter }}</h1>
    <button @click="decrement">-1</button>
    <button @click="increment">+1</button>
    <NuxtLink to="/">index page</NuxtLink>
    <NuxtLink to="/childpage/page-b">page-b</NuxtLink>
  </div>
</template>

<script setup lang="ts">
defineOptions({
  name: "PageA",
});

const { counter, increment, decrement } = useCounter();
</script>

<style lang="scss" scoped></style>
